
.company {
    /*display: inline;*/
    margin-top: 5em;
}
.company h4{
    margin-left: 5%;
}
.company-frame{
    float: left;
    /*display: inline;*/
    width: 45%;
    margin-left: 5%;
    /*margin-right: 5%;*/
    /*text-align: left;*/
    /*text-align: center;*/
    text-align: left;
}
.company-sm-frame{
    width: 100%;
    margin: 3px 0;
}




/*#people:after{*/
    /*content: "人";*/
    /*color: #555555;*/
/*}*/
/*#education:after{*/
    /*content: "含以上";*/
    /*color: #555555;*/
/*}*/
/*#education, #work{*/
    /*display: inline;*/
    /*width: 105px;*/
    /*!*color: #1BBC9B;*!*/
    /*padding: 0 0 0 15px;*/
/*}*/

/*#people{*/
     /*display: inline;*/
     /*width: 50px;*/
     /*!*color: #1BBC9B;*!*/
    /*padding: 0 0 0 15px;*/
 /*}*/
.company .company-frame .company-sm-frame input.zone20{

    display: inline;
    width: 20px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 5px;
    margin: 0;
}
.company .company-frame .company-sm-frame input.zone40{

    display: inline;
    width: 40px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 5px;
    margin: 0;
}
.company .company-frame .company-sm-frame input.zone60{

    display: inline;
    width: 60px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 5px;
    margin: 0;
}
.company .company-frame .company-sm-frame input.zone80{

    display: inline;
    width: 80px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 5px;
    margin: 0;
}
.company .company-frame .company-sm-frame input.zone100{

    display: inline;
    width: 100px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 5px;
    margin: 0;
}
.company .company-frame .company-sm-frame input.zone120{

    display: inline;
    width: 120px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 5px;
    margin: 0;
}
.company .company-frame .company-sm-frame input.zone140{

    display: inline;
    width: 140px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 15px;
    margin: 0;
}
.company .company-frame .company-sm-frame input.zone{

    display: inline;
    width: 140px;
    /*color: #1BBC9B;*/
    padding: 0 0 0 15px;

}

.company-left{
    float:left;
    width:20%;
    text-align: right;
    margin-right: 3%;
}
.company-right{
    float:left;
    width:77%;
    text-align: left;
}
.company p {
    color: #858d94;
    margin: 0 0 .5em 0;
    font-size: 14px;
    letter-spacing: 1px;
}

/*.company a {*/
/*color: #1BBC9B;*/
/*!*margin: 0 0 2em 0;*!*/
/*font-size: 14px;*/
/*letter-spacing: 1px;*/
/*transition: .5s all;*/
/*}*/
/*.company a:hover {*/
/*color:#858d94;*/
/*text-decoration:none;*/
/*}*/
.company label{
    color: #858d94;
    margin-right: 3px;
    width: 20%;
    letter-spacing: 1px;
    text-align: right;

}

/*.company input{*/
    /*display: inline-block;*/
    /*background: none;*/
    /*!*border: 1px solid #1BBC9B;*!*/
    /*border: 1px solid #ffffff;*/
    /*border-bottom: 1px solid #1BBC9B;*/
    /*margin: 0 0 0.25em 0;*/
    /*outline: none;*/
    /*width: 200px;*/
    /*height: 30px;*/
    /*!*color: #858d94;*!*/
    /*color: #555555;*/
    /*border-radius: 0;*/
    /*padding: 10px 15px 10px 15px;*/
/*}*/
.company .read input{
    display: inline-block;
    background: none;
    border: 1px solid #ffffff;
    /*margin: 0 0 1.5em 0;*/
    margin: 10px;
    outline: none;
    width: 300px;
    height: 40px;
    /*color: #858d94;*/
    color: #555555;
    border-radius: 0;
    padding: 10px 15px 10px 15px;
}
.company select{
    display: inline-block;
    background: none;
    border: 1px solid #ffffff;
    border-bottom: 1px solid #1BBC9B;
    margin: 0 0 0.25em 0;
    outline: none;
    width: 200px;
    height: 30px;
    /*color: #858d94;*/
    color: #555555;
    border-radius: 0;
    /*padding: 10px 15px 10px 15px;*/
    padding-left: 10px;
}

.company .form-control {
    /*display: block;*/
    /*width: 100%;*/
    /*/*height: 34px;*/
    /*padding: 6px 12px;*/
    /*font-size: 14px;*/
    /*line-height: 1.42857143;*/
    color: #555555;
    background-color: #ffffff;
    /*background-image: none;*/
    border: 1px solid #ffffff;
    border-bottom: 1px solid #1BBC9B;
    /*border-radius: 4px;*/
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);*/
    box-shadow: none;
    /*-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
    /*transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;*/
}
/**/
/*.company .form-control:hover {*/

    /*!*border-color: springgreen;*!*/
    /*!*border-bottom-color: springgreen;*!*/
    /*!*border-color: white;*!*/
    /*outline: 0;*/
    /*-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 8px rgba(52, 205, 153, .6);*/
    /*box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 8px rgba(52, 205, 153, .6);*/

/*}*/

/*!*.company .form-control:focus {*!*/

/*!*border-bottom-color: firebrick;*!*/
/*!*!*outline: 0;*!*!*/
/*!*}*!*/

/*.company .form-control:focus {*/
    /*border-color: springgreen;*/
    /*!*border-bottom-color: springgreen;*!*/
    /*outline: 0;*/
    /*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.075), 0 0 8px rgba(52, 205, 153, .6);*/
    /*box-shadow: inset 0 0 1px rgba(0,0,0,.075), 0 0 8px rgba(52, 205, 153, .6);*/
/*}*/

.company .company-sm-frame textarea{
    /*display: inline-block;*/
    background: none;
    /*border: 1px solid #1BBC9B;*/
    border: 1px solid #ffffff;
    border-bottom: 1px solid #666666;
    margin: -23px 0 0.25em 21.6%;
    outline: none;
    width: 300px;
    height: 100px;
    border-radius: 0;
    /*color: #858d94;*/
    color: #555555;
    padding: 10px 15px 10px 15px;
}


/*.company-form input[type="submit"]{*/
/*background: #1BBC9B;*/
/*border: 1px solid #1BBC9B;*/
/*padding: .6em 0;*/
/*width: 200px;*/
/*height: 50px;*/
/*margin: 2em auto;*/
/*!*margin-top: 2em;*!*/
/*font-size: 16px;*/
/*color: #fff;*/
/*font-weight: 400;*/
/*letter-spacing: 1px;*/
/*outline: none;*/
/*transition: .5s all;*/
/*}*/
/*.company-form input[type="submit"]:hover{*/
/*color: #1BBC9B;*/
/*background: none;*/
/*}*/
.company .company-form .button{
    background: #1BBC9B;
    border: 1px solid #1BBC9B;
    padding: .1em 0;
    width: 200px;
    height: 40px;
    margin: 2em 1em;
    /*margin-top: 2em;*/
    font-size: 16px;
    font-style: normal;
    color: #ffffff;
    font-weight: 200;
    letter-spacing: 1px;
    outline: none;
    transition: .5s all;
    text-align: center;
}
.company .company-form .button:hover{
    color: #1BBC9B;
    background: none;
}

/*.file {*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*background: #1BBC9B;*/
    /*border: 1px solid #1BBC9B;*/
    /*border-radius: 2px;*/
    /*padding: 4px 11px;*/
    /*overflow: hidden;*/
    /*color: #ffffff;*/
    /*text-decoration: none;*/
    /*text-indent: 0;*/
    /*margin-bottom: -10px;*/
    /*!*line-height: 20px;*!*/
/*}*/
/*.file input {*/
    /*position: absolute;*/
    /*font-size: 100px;*/
    /*right: 0;*/
    /*top: 0;*/
    /*!*margin-top: 10px;*!*/
    /*opacity: 0;*/
    /*border-radius: 0;*/
/*}*/
/*.file:hover {*/
    /*background: #ffffff;*/
    /*border-color: #1BBC9B;*/
    /*color: #1BBC9B;*/
    /*text-decoration: none;*/
/*}*/

.view_resume .button{
    border: none;
    color: #fff;
    font-size: 1.3em;
    width: 20%;
    margin: 1em 1em 0;
    padding: 0.3em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    font-weight: 400;
    background: #1BBC9B;
    text-align: center;
}

.view_resume .button:hover {
    background: #362f2f;
}

.view_resume {
    margin-bottom: 2em;
}

.view_resume h3 {
    margin-top: 1em;
}

.resume_body {
    margin-top: 2em;
    width: 100%;
    border-top: 2px solid #1BBC9B;
}

.resume_group {
    margin-left: 1em;
    width: 93%;
    border-bottom: 1px solid #eee;
}

.resume_title {
    float: left;
    width: 14%;
    height: 2em;
}

.resume_title h4 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #1BBC9B;
    font-weight: bold;
}

.resume_info {
    margin-left: 1em;
    margin-bottom: 0.5em;
    float: left;
    width: 83%;

}

.resume_info p {
    margin-top: 0.5em;
    color: black;
    white-space: pre-wrap;
}

.resume_group p:hover, .resume_group textarea:hover {
    outline: 0;
    border-bottom-color: #1BBC9B;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(52, 205, 153, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(52, 205, 153, .6);
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -moz-transition:0.5s all;
    -ms-transition:0.5s all;
}

.resume_info textarea {
    margin-top: 0.5em;
    border: none;
    width: 100%;
    resize: none;
    height: 200px;
    overflow: auto;
    outline: none;
}

.resume_info textarea:active, .resume_info textarea:hover {
    border: none;
    outline: none;
}

.resume_title .resume_subtitle h5 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #1BBC9B;
    font-weight: bold;
}

.resume_subgroup {
    margin-top: 0.5em;
    margin-left: 1.5em;
    margin-bottom: 0.5em;
    width: 100%;
}

.resume_subgroup .resume_subtitle h5 {
    margin-top: 0.3em;
    color: #1BBC9B;
    font-weight: bold;
    float: left;
    width: 13%;
    height: 21px;
}

.resume_subgroup .resume_subinfo p {
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    float: left;
    width: 83%;
    font-size: 15px
}

.resume_subgroup .resume_subinfo textarea {
    margin-bottom: 0.5em;
    margin-left: 0.4em;
    float: left;
    width: 83%;
    height: 150px;
    resize: none;
    outline: none;
    overflow: auto;
    border: none;
}

.resume_subgroup .resume_subinfo textarea:active, .resume_subgroup .resume_subinfo textarea:hover {
    border: none;
    outline: none;
}

/*.view_resume .resume_body .resume_info h4 {

}*/

